<!DOCTYPE html>
<head>
    <title>Apiote: About</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/brands.css"
        integrity="sha384-SYNjKRRe+vDW0KSn/LrkhG++hqCLJg9ev1jIh8CHKuEA132pgAz+WofmKAhPpTR7"
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/fontawesome.css"
        integrity="sha384-0b7ERybvrT5RZyD80ojw6KNKz6nIAlgOKXIcJ0CV7A6Iia8yt2y1bBfLBOwoc9fQ"
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/material-components-web@0.36.0/dist/material-components-web.min.css"
        integrity="sha512-xKSgTutWqX2F22Uxywtig03sHCUxl4pJw2dzeIxH1EDvbEwhg5M1/KBUvrxNDiTe5HSjHRLdaW6XBhuYawROQw=="
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css"
        integrity="sha512-+1KxIb9PlTfR4rUzuEswDvY4Nx+VfsoQxZstss5OUqZMs+bHl9/YPTS09vvC80XVtu6cqslNovpRXyap2gi6WQ=="
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/IBM-type/0.5.4/css/ibm-type.min.css"
        integrity="sha512-sky5cf9Ts6FY1kstGOBHSybfKqdHR41M0Ldb0BjNiv3ifltoQIsg0zIaQ+wwdwgQ0w9vKFW7Js50lxH9vqNSSw=="
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="/styles/main.css">
    <link rel="stylesheet" href="/styles/article.css">

    <meta name="theme-color" content="#911f1b">

    <link rel="shortcut icon" href="/img/favicon/favicon.ico">
	<link rel="icon" sizes="16x16 32x32 64x64" href="/img/favicon/favicon.ico">
	<link rel="icon" type="image/png" sizes="196x196" href="/img/favicon/favicon-192.png">
	<link rel="icon" type="image/png" sizes="160x160" href="/img/favicon/favicon-160.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96.png">
	<link rel="icon" type="image/png" sizes="64x64" href="/img/favicon/favicon-64.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png">
	<link rel="apple-touch-icon" href="/img/favicon/favicon-57.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/favicon-114.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/favicon-72.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/favicon-144.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/favicon-60.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/favicon-120.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/favicon-76.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/favicon-152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/favicon-180.png">
	<meta name="msapplication-TileColor" content="#911f1b">
	<meta name="msapplication-TileImage" content="/img/favicon/favicon-144.png">
    <meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
</head>
<body>
    <div class="drawer-container-flex">
        <aside class="mdc-drawer mdc-drawer--permanent mdc-typography">
            <nav class="mdc-drawer__drawer">
                <header class="mdc-drawer__header">
                    <div class="mdc-drawer__header-content">
                        Where now?
                    </div>
                </header>
                <nav class="mdc-drawer__content mdc-list">
                    <a class="mdc-list-item" href="/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>Home
                    </a>
                    <a class="mdc-list-item mdc-list-item--activated" href="/about">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">person</i>About
                    </a>
                    <a class="mdc-list-item" href="/donate">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">attach_money</i>Donate
                    </a>
                    <a class="mdc-list-item" href="/manifestos/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">announcement</i>Manifestos
                    </a>
                    <!-- tod padding
                    <nav class="mdc-drawer__content mdc-list">
                    <a class="mdc-list-item" href="/manifestos/privacy">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true"></i>Privacy
                    </a>
                    </nav>
                    -->
                    <a class="mdc-list-item" href="/programs/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">devices</i>Programs
                    </a>
                    <a class="mdc-list-item" href="/credits/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">copyright</i>Credits and legal
                    </a>
                    <a class="mdc-list-item" href="/contact/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">contact_support</i>Contact
                    </a>
                    <div class="drawer-bottom">
                        <div class="mdc-drawer__toolbar-spacer"></div>
                        <a href="/about/js.html" data-jslicense="1">
                            JavaScript license information
                        </a>
                    </div>
                </nav>
            </nav>
        </aside>
        <header class="mdc-top-app-bar">
            <div class="mdc-top-app-bar__row">
                <section class="top-bar-menu-button mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
                    <i class="material-icons mdc-top-app-bar__navigation-icon">menu</i>
                </section>
            </div>
        </header>
        <div>
            <div class="header-more mdc-top-app-bar--fixed-adjust">
            </div>
            <main class="mdc-top-app-bar--fixed-adjust article-main">
                <div class="mdc-layout-grid">
                    <div class="mdc-layout-grid__inner">
                        <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-1-tablet mdc-layout-grid__cell--span-1-mobile mdc-layout-grid__cell--span-2-desktop">
                        </div>
                        <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-10-tablet mdc-layout-grid__cell--span-10-mobile mdc-layout-grid__cell--span-8-desktop">
                            <div class="mdc-card article-card">
                                <div class="article-path">
                                    / > About
                                </div>
                                <div class="article-content">
                                    <h1 id="about-me-and-this-website">About me (and this website)<a href="about.yml"><sup><i class="material-icons signature">lock</i></sup></a></h1>
                                        <h2 id="who-am-i">Who am I</h2>
                                            <p>My name’s Adam and I’m currently doing postgraduate computer science studies. The speciality is distributed systems if You’re so curious.</p>
                                            <p>My interest revolve around computer networks and security. As a result (or maybe it’s the other way around) I’m impressed by Cypherpunks and the Hackers<a href="#fn1" class="footnote-ref" id="fnref1"><sup>1</sup></a> culture.</p>
                                            <p>In free time I like to code small pieces of software. The ones I was brave enough to publish You can find amongst my <a href="https://notabug.org/apiote">Git repos</a>, some are even described <a href="/programs">here</a>.</p>
                                            <p>That would be all You need to know about me. You can find more (like my surname and my coarse location) on my Keybase page, or Git profiles, or next to my PGP keys (and probably elsewhere, too, if You search long enough).</p>
                                        <h2 id="how-to-use-this-website">How to use this website</h2>
                                            <p>You managed to get here so it mustn’t be so difficult. Front page contains four buttons (in the top right corner) — links respectively to my Keybase page, to my NotABug profile, to my PGP key, and to my Mastodon profile. In the top left corner there’s a menu that enables You to move here and there. While the four buttons are only there when You’re viewing the front page, the menu stays with You wherever You go (as long as You stay on my website).</p>
                                            <p>Self-explanatory as pages’ titles are, ‘Manifestos’ might not be clear. They are my way of publishing my reasoning and expectations—especially in terms of <a href="/manifestos/privacy">secure contact</a> and <a href="/manifestos/formats">standard formats</a>.</p>
                                            <p>You might have noticed those dark coloured padlocks. They denote content that is signed by me so that—if You trust my keys—You can be sure it was really I who had written and published the content. If You click on one, You‘ll get a YAML document with two signatures: PGP clear signature and saltpack attached signature. The PGP signature is generated with the PGP key of mine I’ve already presented in the previous paragraph; the saltpack one is generated using Keybase client and my keys listed in my Keybase profile. You can verify the latter with Keybase client (if You’re registered) or with any saltpack implementation.</p>
                                            <p>As on every reputable website, here as well You might look for a privacy policy. I don’t publish such a document because I don’t collect or process any of Your data (including, but not limited to, personal data). Neither does this website use cookies. There is also no analytics or any other tracking code here (for the full list of 3<sup>rd</sup> party resources used here head to <a href="/credits">credits</a>). The only place where You may provide any data is the <a href="/contact">contact form</a>. You may—but are not required to—leave Your email address. It will be encrypted locally on Your computer (along with Your message) so nobody except You and me will see the message (or Your email address) – not this website’s host, not my email provider, not any server on the way.</p>
                                            <p>This website is, however, hosted by a 3<sup>rd</sup> party—namely <a href="https://heliohost.org">HelioHost</a>. As a result, I have no control over whether or not—and in what way—Your HTTP requests are logged.</p>
                                            <p>Lastly (but not least), if You turn off JavaScript because it’s not libre software, You can turn it on here. This website is licensed under <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GNU GPL 3+</a>, and all JavaScript is libre software (for detailed description of particular licenses head to <a href="/credits">credits</a>).</p>
                                            <p>You can find the full source code of this website in my <a href="https://notabug.org/apiote/website">NotABug repo</a></p>
                                        <section class="footnotes">
                                        <hr />
                                            <ol>
                                                <li id="fn1"><p>Hackers as defined in <a href="http://www.catb.org/jargon/html/H/hacker.html">The Jargon File</a> as opposed to ‘Crackers’<a href="#fnref1" class="footnote-back">↩</a></p></li>
                                            </ol>
                                        </section>
                                </div>
                            </div>
                        </div>
                        <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-1-tablet mdc-layout-grid__cell--span-1-mobile mdc-layout-grid__cell--span-2-desktop">
                        </div>
                    </div>
                </div>
            </main>
        </div>
    </div>


    <script src='https://unpkg.com/material-components-web@0.36.0/dist/material-components-web.min.js'
        integrity="sha512-fzmFt2MbZhS3Cwv9gSX+jRqpfUdaKupP0WbJyaK09Och9eMm8n1ol1fnh8EEJ1sH5HzG16etbpejWBEMvXV5ow=="
        crossorigin="anonymous"></script>
    <script>
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt GNU-AGPL-v3.0
window.mdc.autoInit();
const topAppBarElement = document.querySelector('.mdc-top-app-bar');
let topAppBar = new mdc.topAppBar.MDCTopAppBar(topAppBarElement);

$('.top-bar-menu-button').css('display', 'initial');
$('.mdc-drawer--permanent').removeClass("mdc-drawer--permanent").addClass("mdc-drawer--temporary");
$('.drawer-bottom').css('width', '25%');

let drawer = new mdc.drawer.MDCTemporaryDrawer(document.querySelector('.mdc-drawer--temporary'));
document.querySelector('.mdc-top-app-bar__navigation-icon').addEventListener('click', () => drawer.open = true);
// @license-end
    </script>
</body>
</html>
